﻿<html>
<head>
<title>CSS3 Border Right Test</title>

<style type="text/css">
body {border-right: yellow; border-right-style: solid;}
p {border-right: thick; border-right-style: solid;
  }
h3 {border-right: 20px solid green;}
h4 {border-right: 0.1cm dashed red;}
em {border-right: 5px dotted blue;}
</style>

</head>

<body>




<h1>CSS3 Border Right Test</h1>





<ul>
<li >
For "border-right", possible values are "border-width||border-style||color" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a thick
border right (with initial value for border-color?) .
The rule applied is "p {border-right: thick;}".  Also "p {border-right-style: solid;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
The border-right of this h3 heading should be 20px solid green.  
The rule applied is "h3 {border-right: 20px solid green;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>
<h4>
The border-right of this h4 heading should be 0.1cm dashed red.
The rule applied is "h4 {border-right: 0.1cm dashed red;}".  Here is some extra text
to make the border visible so that this property can be tested for this element in this particular
test case.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h4>
<em>
This emphasized test should have a border right of 5px dotted blue.
The rule applied is "em {border-right: 5px dotted blue;}".  Here is some extra text
to make the border visible so that this property can be tested for this element in this particular
test case.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</em>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above, so should also
have thick border right.  The body's border right of yellow should display,
since the rule "body {border-right: yellow}" applies.  Also "body {border-right-style: solid;}"
applies.
</p>

</body>
</html>
